<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网络收藏夹|主页</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/statistic.css">
</head>
<body style="background-color: #f2f2f2;">
<!-- HTML -->
<div class="main" id="main">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">基础数据</div>
                <div class="layui-card-body">
                    <ul class="layui-row layui-col-space10">
                        <li class="layui-col-xs6">
                            <div class="data-info">
                                <h3>用户</h3>
                                <p><cite id="users">0</cite></p>
                            </div>
                        </li>
                        <li class="layui-col-xs6">
                            <div class="data-info">
                                <h3>管理员</h3>
                                <p><cite id="admins">0</cite></p>
                            </div>
                        </li>
                        <li class="layui-col-xs6">
                            <div class="data-info">
                                <h3>黑名单</h3>
                                <p><cite id="blacks">0</cite></p>
                            </div>
                        </li>
                        <li class="layui-col-xs6">
                            <div class="data-info">
                                <h3>反馈</h3>
                                <p><cite id="feedbacks">0</cite></p>
                            </div>
                        </li>
                        <li class="layui-col-xs6">
                            <div class="data-info">
                                <h3>访问次数</h3>
                                <p><cite id="visits">0</cite></p>
                            </div>
                        </li>
                        <li class="layui-col-xs6">
                            <div class="data-info">
                                <h3>搜索次数</h3>
                                <p><cite id="searches">0</cite></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">内容统计</div>
                <div class="layui-card-body">
                    <div style="width: 100%;height: 270px;" id="chart1"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-panel">
                <div class="layui-tab layui-tab-brief" lay-filter="webContentType" style="margin-bottom: 0;">
                    <ul class="layui-tab-title" style="border: none;">
                        <li class="layui-this">近一周</li>
                        <li>近一月</li>
                        <li>近一年</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">数据概览</div>
                <div class="layui-card-body">
                    <div style="width: 100%;height: 300px;" id="chart2"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">访问次数Top 10</div>
                <div class="layui-card-body">
                    <ul class="progress-group" id="visitTop10">
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">在线时长Top 10</div>
                <div class="layui-card-body">
                    <ul class="progress-group" id="onlineTop10">
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<script src="layui/layui.js"></script>
<script src="plugin/number_change.js"></script>
<script src="plugin/count.js"></script>
<script src="js/statistic.js"></script>
</body>
</html>